<template>
	<div>
		<u-navbar :border-bottom="false" :title="title[current]" title-color="#303131"></u-navbar>
		<step1 v-if="current == 1" :companyData="companyData" @callback="next" />
		<step2 v-if="current == 2" :companyData="companyData" @callback="next" />
		<step3 v-if="current == 3" :companyData="companyData" @callback="finished" />
	</div>
</template>

<script>
import { getCompanyDetail } from "@/api/entry";
import step1 from "./step1";
import step2 from "./step2";
import step3 from "./step3";
export default {
	data() {
		return {
			companyData: "",
			current: 1,
			title: {
				1: "企业资质信息",
				2: "财务资质信息",
				3: "店铺信息"
			}
		};
	},
	components: {
		step1,
		step2,
		step3
	},
	mounted() {
		this.init();
	},
	methods: {
		async init(next) {
			const res = await getCompanyDetail();
			console.log("店铺入驻数据:", res.data.result);
			if (res.data.success) {
				this.companyData = res.data.result;
				next ? this.current++ : "";
			}
		},
		next(e) {
			this.init("next");
		},
		finished(e) {
			uni.navigateTo({
				url: "/pages/passport/entry/seller/index"
			});
		}
	}
};
</script>

<style lang="scss" scoped></style>
